<%--
  Created by IntelliJ IDEA.
  User: dcd
  Date: 2018/11/15
  Time: 2:52 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/taglibs.jspf" %>
<html>
<head>
    <meta name="decorator" content="list"/>
</head>
<body>
<div class="layui-col-sm4 layui-col-md4">
    <div class="layui-tab layui-tab-card layui-col-md12 layui-col-sm12" lay-filter="test">
        <ul class="layui-tab-title">
            <li class="layui-this">文件接收</li>
            <li>数据接收</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="layui-upload-drag div-margin" id="fileUpload" style="display: block;padding: 0px">
                    <i class="layui-icon"></i>
                    <p>点击上传，或将文件拖拽到此处，支持xls、xlsx、dbf格式文件</p>
                </div>
                <div class="layui-form layui-form-pane">
                    <div class="layui-form-item div-margin">
                        <label class="layui-form-label width-80">申请单号</label>
                        <div class="layui-input-inline">
                            <input type="text" id="bloodNoByFile" placeholder="导入信息后扫码入库" class="layui-input"
                                   onkeypress="bloodIn.addBloodInfo(event, this, 'preInByFileGrid', 2)">
                        </div>
                    </div>
                </div>
                <grid:grid id="receiveGrid" url="${appPath}/preProcessing/inReceive/getList" queryGroup="2">
                    <grid:column label="apply.inspection.project" name="a"/>
                    <grid:column label="sys.application.number" name="requisitionNo" width="60" query="true"/>
                    <grid:column label="patient.inhos.name" name="reqPatientName" query="true"/>
                </grid:grid>
            </div>
            <div class="layui-tab-item">
                <div>
                    <table class="table table-bordered  table-condensed dataTables-example dataTable no-footer"
                           style="margin-left: 10px">
                        <tr>
                            <td>送检单位:</td>
                            <td><input type="text"></td>
                        </tr>
                        <tr>
                            <td>送出单号:</td>
                            <td><input type="text" placeholder="请扫描客户送出批号"></td>
                        </tr>
                        <tr>
                            <td>申请单号:</td>
                            <td><input type="text" placeholder="请扫描客户申请单号"></td>
                        </tr>
                    </table>
                </div>
                <grid:grid id="undeliveredGrid" url="${appPath}/preProcessing/inReceive/getList" queryGroup="2">
                    <grid:column label="apply.inspection.project" name="a"/>
                    <grid:column label="sys.application.number" name="requisitionNo" width="60" query="true"/>
                    <grid:column label="patient.inhos.name" name="reqPatientName" query="true"/>
                </grid:grid>
            </div>
        </div>
    </div>
    <div>
        <h3>汇总信息</h3>
        <div class="row">
            <table class="table table-bordered  table-condensed dataTables-example dataTable no-footer"
                   style="margin-left: 10px">
                <tr>
                    <td>申请单数:</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>标本袋数:</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>标本个数:</td>
                    <td><input type="text"></td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div class="layui-col-sm8 layui-col-md8">
    <grid:grid id="undeliveredGrid" url="${appPath}/preProcessing/inReceive/getList" queryGroup="2">
        <grid:column label="sys.common.receive.time" name="a"/>
        <grid:column label="sys.application.outNumber" name="requisitionNo" width="60" query="true"/>
        <grid:column label="sys.patient.name" name="reqPatientName" query="true"/>
        <grid:column label="sys.patient.age" name="reqPatientNumber"/>
        <grid:column label="apply.inspection.project" name="reqItemNames" width="130"/>
        <grid:column label="inspection.materials" name="reqSendMaterial" width="100"/>
        <grid:column label="preProcessing:inReceive:sampleNum" name="phone" width="100"/>
        <grid:column label="apply.label.barcode" name="reqSampleId" width="100"/>
        <grid:column label="apply.inspection.hospital" name="reqReceiveOrgId" width="100" query="true"/>
        <grid:column label="apply.inspection.department" name="reqDeptName" width="100"/>
        <grid:column label="apply.inspection.doctor" name="reqDoctorName" width="100"/>
    </grid:grid>
</div>
<script>
    layui.use('element', function () {
        var element = layui.element;
        //获取hash来切换选项卡，假设当前地址的hash为lay-id对应的值
        var layid = location.hash.replace(/^#test=/, '');
        element.tabChange('test', layid);
        //监听Tab切换，以改变地址hash值
        element.on('tab(test)', function () {
            $("#receiveGridGrid").setGridWidth($(window).width() * 0.965);
            $("#undeliveredGridGrid").setGridWidth($(window).width() * 0.965);
            $("#requisitionGridGrid").setGridWidth($(window).width() * 0.965);
        });

    });
</script>
</body>
</html>
